<template>
	<view>
		<view class="form">
			<view class="view-list-item">
				<text class="text-list-item">项目名称:</text>
				<text class="input-text">使用项目</text>
			</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
			<view class="view-list-item">
				<text class="text-list-item">项目名称:</text>
				<!-- <u-checkbox-group>
					<u-checkbox v-model="checked" shape="circle"></u-checkbox>
				</u-checkbox-group> -->
				<image class="select" src="../../static/checked.png" mode=""></image>
				<text>使用临时地址</text>
			</view>
			<view class="site-input">河南省郑州市二七区正商航海广场A座</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
		
			<view class="view-list-item">
				<text class="text-list-item">公司名称(选填):</text>
				<text class="input-text">越来越好</text>
			</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
		
			<view class="view-list-item">
				<text class="text-list-item">联系人:</text>
				<text class="input-text">美丽的沙琪玛</text>
			</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
		
			<view class="view-list-item">
				<text class="text-list-item">要求到货时间:</text>
				<text class="input-text">2023-01-29</text>
			</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
		
			<view class="view-list-item">
				<text class="text-list-item">其他说明:</text>
				<text class="input-text">到货打电话</text>
			</view>
			<view style="height: 1rpx; background-color: #f9f9f9;"></view>
		
			<view class="single">
				<text class="text-list-item">上传清单:</text>
				<image @click="show = true" class="img-right" src="../../static/cuxiao.png" mode=""></image>
			</view>
		</view>
		
		<view class="box">
			<view class="item">
				<text>商品名称</text>
				<text>拉货平板车</text>
			</view>
			
			<view class="item">
				<text>品牌(选填)</text>
				<text>德里</text>
			</view>
			
			<view class="item">
				<text>商品描述(选填)</text>
				<text>暂无描述</text>
			</view>
			
			<view class="item">
				<text>数量</text>
				<text>5个</text>
			</view>
			
			<view class="item">
				<text>单位</text>
				<text>个</text>
			</view>
			
			<view class="item">
				<text>操作</text>
				<text>拉货</text>
			</view>
		</view>
		
		<view class="box">
			<view class="item">
				<text>商品名称</text>
				<text>拉货平板车</text>
			</view>
			
			<view class="item">
				<text>数量</text>
				<text>5个</text>
			</view>
			
			<view class="item">
				<text>单位</text>
				<text>个</text>
			</view>
			
			<view class="item">
				<text>操作</text>
				<text>拉货</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},

		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f1f1f1;
	}
	.view-list-item {
		display: flex;
		align-items: center;
		background-color: #FFF;
		height: 100rpx;
		padding: 0 30rpx;
	
		.text-list-item {
			flex-grow: 1;
			flex-shrink: 1;
			font-size: 30rpx;
			color: #222;
	
			.img {
				width: 80rpx;
				height: 40rpx;
			}
		}
		
		.select {
			width: 28rpx;
			height: 28rpx;
			margin-right: 10rpx;
		}
	
		.uploading {
			font-size: 28rpx;
			color: #222;
		}
	
		text {
			font-size: 26rpx;
			color: #222;
			position: relative;
			top: -5rpx;
		}
	
		.input-text {
			text-align: right;
			font-size: 28rpx;
			color: #222;
		}
	
		.img-right {
			position: relative;
			top: 50rpx;
			margin-left: 18rpx;
			width: 180rpx;
			height: 180rpx;
		}
	}
	
	.single {
		display: flex;
		// align-items: center;
		line-height: 108rpx;
		background-color: #FFF;
		height: 217rpx;
		padding: 0 30rpx;
			
		.text-list-item {
			flex-grow: 1;
			flex-shrink: 1;
			font-size: 30rpx;
			color: #222;
		}
			
		.img-right {
			position: relative;
			top: 20rpx;
			margin-left: 18rpx;
			width: 180rpx;
			height: 180rpx;
		}
	}
	
	.site-input {
		background-color: #FFF;
		text-align: right;
		font-size: 28rpx;
		color: #222;
		padding: 0 30rpx 0 0;
		height: 50rpx;
		position: relative;
		margin-top: -20rpx;
	}
	
	.box {
		background-color: #fff;
		margin-top: 30rpx;
		
		.item {
			padding: 0 20rpx;
			height: 100rpx;
			display: flex;
			justify-content:space-between;
			line-height: 100rpx;
			font-size: 28rpx;
		}
	}
</style>